<template>
	<view>
		<view class="wallet">
			<image src="../../../static/钱包.png" mode=""></image>
		</view>
		<view class="c1">
			<text>1000.00</text>
		</view>
		<view class="c2">
			<text>账户余额(元)</text>
		</view>
		<view class="btn" @click="goToPay">
			<text>充值</text>
		</view>
		<view class="c3" @click="goToRecord">
			<text>充值记录</text>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			goToRecord(){
				uni.navigateTo({
					url:'./record/record'
				})
			},
			goToPay(){
				uni.navigateTo({
					url:'./pay/pay'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wallet image {
		width: 288rpx;
		height: 274rpx;
		margin-left: 33%;
		margin-top: 120rpx;
	}
	
	.c1 {
		color: #262626;
		font-size: 48rpx;
		font-weight: 700;
		text-align: center;
	}
	
	.c2 {
		color: #999999;
		font-size: 24rpx;
		text-align: center;
	}
	
	.btn {
		width: 90%;
		margin: 5%;
		height: 90rpx;
		background-color: #C6100E;
		text-align: center;
		color: #ffffff;
		line-height: 90rpx;
		border-radius: 50rpx;
	}
	
	.c3 {
		color: #444444;
		font-size: 24rpx;
		text-align: center;
	}
</style>
